Top 10 Amazing jQuery Slideshow Effects Showcase

1. Ultimate Grid Responsive Gallery

featured image

This is a HTML | CSS | JQuery Grid with a Lightbox, you can specify thumbnails for the grid and when you click on it to open the lightbox it will load the normal image, you can specify the text for the captions and for the lightbox. CSS3 Effects

Lightbox with slideshow (play, pause, auto-play)

More Details

2. CSS Slider

CSS Slider

non jQuery Slider, pure CSS image slider.

Responsive Slider with Pure CSS. Awesome animations and templates. Visual Maker - No scripting!

No more jQuery, No more JavaScript, No more image icons, Hardware-accelerated CSS animations, Icon font for controls, All browsers, Fully responsive, Mobile friendly

Retina-ready, Awesome effects and skins, Full width option, No more coding, Super easy drag-n-drop slider maker

More Details

3. ZoomFlow - Banner Rotator / Teaser

featured image

It’s a solid, advanced and fully responsive jQuery plugin.CSS3 technology - this gallery uses cutting-edge css3 definitions to render awesome 3D effects in supporting browsers, the others will degrade gracefully

slideshow mode – display images in a slideshow

jQuery

More Details

4. Jssor Slider jQuery Plugin, TOUCH & RESPONSIVE

featured image

Demo – Slideshow Effects:

Freeze slideshow/caption animation when touch

If slideshow or caption animation is running, it will freeze when touch by finger or mouse down.Continue or rollback slideshow/caption animation when release touch

If slideshow or caption animation is frozen, the animation will continue or rollback when release touch. No-Jquery minimum 15KB javascript code by smart compression. slider (1%), slider with caption (4%), slider with slideshow (~4%)

360+ slideshow effects/transitions

Jssor slider comes with 360+ impressive slideshow effects/transitions

390+ caption effects/transitions

Jssor slider comes with 390+ impressive caption effects/transitions

Auto slideshow with optional pause on hover

More Details

5. Sky jQuery Touch Carousel

featured image

Sky jQuery Touch Carousel is a jQuery carousel plugin with rich set of features. Auto slideshow and loop. Reflection and gradient overlay effects.

More Details

6. Filter Slider - jQuery Image Manipulation

featured image

The main goal of FilterSlider is to manipulate images and slider with HTML content using canvas, jQuery library and Javascript. It uses advanced techniques to produce some of the popular effects like grayscale, sepia and saturation along with 13 other useful effects. These effects work on all major browsers that support the ‘canvas’ element. 16 filter effects for images and checkbox HTML form

Adjustable speed, transition, easing and effects for each caption or slide

7 transition effects

More Details

7. ShopSlider - Responsive Shop Slider with Tab

featured image

ShopSlider is a slider jQuery responsive Shop Slider Plugin for commercial sites, online shops, stores.Many Styles and Effects

Rainbow Background Full Screen jQuery Plugin

Metro Tab jQuery

More Details

8. Nova Gallery - Responsive HTML5 Multimedia Gallery

featured image

You can also have a slideshow of the items in the Full-width mode. This slideshow stops whenever the browser tab in which the gallery is displayed, goes out of focus (this feature only works in browsers that supports the HTML5 Page Visibility Api). Available effects are fade, slide, fadeSeq, slidSeq and flipSeq. Available effects are flip and fade. Avialable effects are fade, slide and flip. Available effects are scale, fade and slide. You can start the slideshow in Full-width mode when the gallery first loads. The time interval for which a particular item is visible during slideshow can be set.Suitable jQuery based fallbacks have been provided for all CSS based animated effects for older browsers. The image gallery script has been tested and is fully compatible with jQuery 1. and also jquery 2. Updated the jQuery masonry plugin so that it is compatible with jquery v1. The gallery now is fully compatible with jquery 1.9+ including jquery 2.

More Details

9. bgStretcher jQuery Background Resizer & Slideshow

featured image

bgStretcher (Background Stretcher) is a photo slider jQuery for stretching one or more images proportionally across an entire page or element. When multiple images are supplied, bgStretcher displays them in a configurable slideshow with advanced options. The plugin will work as a slideshow if multiple images are used. The speed, duration, transition effects, and slide direction are configurable.Lightweight jQuery Plugin

Advanced Slideshow Features

Multiple Transition Effects

More Details

10. OneSlider - Interactive Responsive Slider

featured image

OneSlider is a Responsive Slider jQuery plugin that is not only used to show your banners or jQuery image gallery slider demo but also allow to CSS button tutorial for each slide.A lot of Transition Effects.Rainbow Background Full Screen jQuery Plugin

Metro Tab jQuery

More Details

11. The Fusion of Tabs and Slider with jQuery

featured image

Have you always wanted the useful tabs to be animated more fancy? something like a slider? then this is the plugin for you, the tabs can slide horizontal and vertical ways also there is 15 different effects available between transition and all working with jQuery auto height depending on its content.Auto slideshow with optional pause and play button.15 Different Effects Between Transitions.

More Details